﻿@model Dosimetria.Models.DataAnnotations_Classes.Dosimetro
@{
    ViewBag.Title = "Envío Correo";
}


@*Validación de usuario, para que no se pueda acceder a la página sin estar logueado *@
@if (@User.Identity.Name == "")
{
    Layout = null;
    <div style="width:800px; font-size:2em; height:500px; text-align:center; margin-top:100px" class="division">
    @Html.ActionLink("Ingrese como usuario válido...", "Index", "Home")
    </div>
}

else
{

          
<head>
<link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />
<link href="@Url.Content("~/Content/ui.jqgrid.css")" rel="stylesheet" type="text/css" />
<link href="@Url.Content("~/Content/ui.multiselect.css")" rel="stylesheet" type="text/css" />
<link href="@Url.Content("~/Content/darkness-jquery-ui/css/dark-hive/jquery-ui-1.10.3.custom.css")" rel="stylesheet" type="text/css" />

<script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>
 
<script src="@Url.Content("~/Scripts/grid.locale-es.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.jqGrid.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/grid.base.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/grid.common.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/grid.formedit.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/grid.inlinedit.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/grid.custom.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/TratamientoFechas/tratamientoFechas.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/utilsGrilla/utilsGrilla.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.numeric.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery-ui-1.10.3.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/DateTimePicker/jquery.ui.datepicker-es.js")" type="text/javascript"></script>

</head>
    
<script type="text/javascript" >

    $(document).ready(function () {
        cargarGrilla();
       
        $("#fEnvio").datepicker({
            changeMonth: true,
            changeYear: true,
            showButtonPanel: true,
            showWeek: true,
            firstDay: 1
        });
        $("#nContrato, #codigoDosimetro").numeric({ decimal: false, negative: false }, function () { this.value = ""; this.focus(); });

        $("#allMail").click(function () {
            $("#allMail").is(':checked') ? $("input:checkbox").attr('checked', true) : $("input:checkbox").attr('checked', false);
        });

        $("#buscar").click(function () {
            borrarDataGrilla();
            $("#fEnvio").val().trim() == "" ? getDataHCDDosimReasignadoByCodDosim($("#codigoDosimetro").val().trim()) : getDataHCDDosimReasignadosByFechaEnvioAndCodContrato($("#fEnvio").val().trim(), $("#nContrato").val().trim());
            
        });

        $("#enviarCorreo").click(function () {
            var dataArray = $("#list").jqGrid('getRowData');
            if (dataArray.length != 0) {
                $.ajax({
                    type: "Post",
                    async: true,
                    contentType: 'application/json',
                    datatype: "JSON",
                    url: "sendEmails",
                    data: JSON.stringify(dataArray),
                    success: function (data) {
                        alert("Correos enviados exitosamente");
                        borrarDataGrilla();
                        $("#fEnvio").val("");
                        $("#nContrato").val("");
                        $("#codigoDosimetro").val("");
                    }
                });
                $("#agregar").attr("disabled", false);
            }
            else {
                alert("Favor realice la busqueda para poder realizar el envio de correos en forma masiva");
            }

        });

        $("#codigoDosimetro").focus(function () {
            $("#fEnvio").val("");
            $("#nContrato").val("");
        });

        $("#fEnvio").focus(function () {
            $("#codigoDosimetro").val("");
        });

        $("#nContrato").focus(function () {
            $("#codigoDosimetro").val("");
        });
    });
    function getDataHCDDosimReasignadoByCodDosim(codDosimetro) {
        $.ajax({
            type: "POST",
            async: true,
            datatype: "json",
            url: "getDataHCDDosimReasignadoByCodDosim?codDosimetro=" + codDosimetro,
            success: function (data) {
                if (data.Result.length != 0) {
                    for (var i = 0; i <= data.Result.length; i++) {
                        jQuery("#list").jqGrid('addRowData', $('#list >tbody >tr').length, data.Result[i]);
                    }
                }
                else {
                    alert("No existe información asociada");
                }
            },
            editurl: 'EnvioCorreoUsuarioDosimetro'
        });

    }
    function getDataHCDDosimReasignadosByFechaEnvioAndCodContrato(fechaEnvio, codContrato) {
        $.ajax({
            type: "Post",
            async: true,
            datatype: "json",
            url: "getDataHCDDosimReasignadosByFechaEnvioAndCodContrato?codContrato=" + codContrato + "&fechaEnvio=" + fechaEnvio,
            success: function (data) {
                if (data.Result.length != 0) {
                    for (var i = 0; i <= data.Result.length; i++) {
                        jQuery("#list").jqGrid('addRowData', $('#list >tbody >tr').length, data.Result[i]);
                    }
                }
                else {
                    alert("No existe información asociada");
                }
            },
            editurl: 'EnvioCorreoUsuarioDosimetro'
        });

    }

    
    function cargarGrilla() {
        jQuery("#list").jqGrid({
            // url: "getDataDosimetroAndDataContrato?idDosimetro=" + $("#codDosim").text(),
            datatype: 'local',

            //  mtype: 'POST',
            colNames: ['codigoUnicoDosim', 'N° Dosimetro', 'Tipo', 'Usuario Asociado', 'Email', 'Enviar', 'fechaEnvioDosimetro', 'codContrato', 'HCDID', 'func_cod'],
            colModel: [
                                      { name: 'codigoUnicoDosim', index: 'codigoUnicoDosim', width: 150, align: 'left', hidden: true },
                                      { name: 'NDosimetro', index: 'NDosimetro', width: 150, align: 'left' },
                                      { name: 'TipoDosimetro', index: 'TipoTipoDosimetro', width: 150, align: 'left' },
                                      { name: 'nombreFuncionario', index: 'nombreFuncionario', width: 150, align: 'left' },
                                      {
                                          name: 'correoEncargadoEmpresa', index: 'correoEncargadoEmpresa', width: 200, editable: true, edittype: "text", editoptions: { maxlength: 50 }
                                      },
                                      {
                                          name: 'enviarCorreo', index: 'enviarCorreo', width: 120, align: 'center', editable: true, edittype: 'checkbox', editoptions: { value: "True:False" },
                                          formatter: "checkbox", formatoptions: { disabled: false }, sortable: false
                                      },
                                      { name: 'fechaEnvioDosimetro', index: 'fechaEnvioDosimetro', width: 150, align: 'left', hidden: true },
                                      { name: 'codContrato', index: 'codContrato', width: 150, align: 'left', hidden: true },
                                      { name: 'HCDID', index: 'HCDID', width: 150, align: 'left', hidden: true },
                                      { name: 'func_cod', index: 'func_cod', width: 150, align: 'left', hidden: true }

                          ],

            pager: '#gridpager',
            emptyrecords: "Nada para mostrar",
            toppager: true,
            rowNum: 20,
            rowList: [20, 40, 60],
            sortname: 'Tipo',
            sortorder: 'asc',
            viewrecords: true,
            gridview: true,
            //imgpath: '/content/cupertino/images',
            caption: 'HCD',
            height: 400,
            width: 900,
            cellsubmit: 'clientArray',
            editurl: "clientArray",
            // multiselect: true,
            onCellSelect: function (rowid, iCol, cellcontent, e) {

            },
            afterSaveCell: function (id, name, val, iRow, iCol) {
                alert("alert2!");
            },



            afterEditCell: function (id, name, val, iRow, iCol) {
                alert("alert2!");
            }


        });

        jQuery("#list").jqGrid('navGrid', '#gridpager',
            { edit: false, add: false, del: false },
            {},
            {},
            {},
            { multipleSearch: true, multipleGroup: true }
       );
    }
</script>
    
    <h2>Solicitud Datos TOE</h2>

<p>A continuaci&oacuten se enlistan los TOE a los cuales se puede enviar un correo solicitando los datos para realizar la reasignaci&oacuten correspondiente</p>

    <div class="editor-grilla">

                @Html.LabelFor(model => model.codigoDosimetro)
                    @Html.EditorFor(model => model.codigoDosimetro)
                    @Html.ValidationMessageFor(model => model.codigoDosimetro)   
                      <br /> <br />
                    Fecha de Envio &nbsp &nbsp  <input type="text" id="fEnvio" />
                    Num. Contrato <input type="text" id="nContrato" /> &nbsp  <button id="buscar">Ver </button>
                   <br /> <br />
              <table id="list" class="scroll" cellpadding="0" cellspacing="0"></table>
               @* <div id="pager" class="scroll" style="text-align:center;"></div>*@
               <div id="gridpager" class="scroll" style="text-align:center;"></div> 
               <input type="checkbox" id="allMail" />Marcar todos para env&iacuteo
               <button id="enviarCorreo">Enviar Correos</button>
               <br />
               <br />
    </div>

}